@charset "utf-8";

/*************** base ***************/
.clear {clear: both;}
body {margin:0; background:url("../images/body_bg.png") repeat scroll 0 0 transparent; min-width:1240px;}
a { color: #57a000; text-decoration: none; }
a:hover     { color: #000; }
a:active     { color: #777; }
a:focus     { outline: 1px; }
ol, ul {list-style:none outside none;}
h1, h2, h3, h4, h5, h6 {font-family:Helvetica, Arial, sans-serif; font-weight:bold; }
h1{font-size:32px; padding: 0 0 10px 0; color:#FFF;}			
h2{font-size:26px; padding: 0 0 10px 0; color:#FFF;}
h3{font-size:17px; padding: 0 0 5px 0; color:#000;}
h4{font-size:16px; padding: 0 0 5px 0; color:#FFF;}
h5{font-size:14px; padding: 0 0 5px 0; color:#FFF;}
h6{font-size:12px; padding: 0 0 5px 0; color:#FFF;}

.button{
	float:right;
	font-family: "微軟正黑體","細明體", "新細明體" !important;
	font-size: 14px !important;
	font-style: bold !important;
 	color: #666 !important;
	display: inline-bloc !importantk;
	background: #DDD !important;
    border: 1px solid #D1D1D1 !important;
    padding: 5px 5px 5px 5px !important;
    cursor: pointer;
	box-shadow: 2px 2px 2px 0px rgba(1,1,1,0.3);
	border-radius: 7px 7px 7px 7px;
	margin:10px 5px;
}

.button:hover {background: #FFF !important;}        
.button:active {background: #DCDCDC !important; box-shadow: 2px 2px 2px 0px rgba(1,1,1,0.3) inset;}
.button:disabled {background: #EBEBEB !important; box-shadow: 2px 2px 2px 0px rgba(1,1,1,0.3) inset; color: #B3B3B3 !important;}


/*************** header ***************/
#header-wrapper {margin:10px auto; width:100%; }
#header-wrapper .logo{float:left; margin:10px; }
#header-wrapper .header-information {float:left; margin:20px 10px 10px 20px; }
#header-wrapper .header-information h4 {margin:5px; }
#header-wrapper .logo a img {border:none; max-width:300px; max-height:150px; }

#header-wrapper .header-button-wapper {float:right; margin:10px 20px;}
#header-wrapper .header-button-wapper .header-button{
	float:right;
	font-family: "微軟正黑體","細明體", "新細明體" !important;
	font-size: 14px !important;
	font-style: bold !important;
 	color: #666 !important;
	display: inline-bloc !importantk;
	background: #DDD !important;
    border: 1px solid #D1D1D1 !important;
    padding: 5px 5px 5px 5px !important;
    cursor: pointer;
	box-shadow: 2px 2px 2px 0px rgba(1,1,1,0.3);
	border-radius: 7px 7px 7px 7px;
	margin:10px 5px;
}          
#header-wrapper .header-button-wapper .header-button:hover {background: #FFF !important;}        
#header-wrapper .header-button-wapper .header-button:active {background: #DCDCDC !important; box-shadow: 2px 2px 2px 0px rgba(1,1,1,0.3) inset;}
#header-wrapper .header-button-wapper .header-button:disabled {background: #EBEBEB !important; box-shadow: 2px 2px 2px 0px rgba(1,1,1,0.3) inset; color: #B3B3B3 !important;}

/*************** menu ***************/
#menu-wrapper {clear:left; padding-top:10px; }
#menu-wrapper .main-menu , #menu-wrapper .sub-menu {margin:0 auto; width:100%; }
#menu-wrapper ul, #menu-wrapper ul li {margin-left:10px; padding:0; list-style:none; }

.main-menu ul li, .sub-menu ul li {float:left; }
.main-menu ul li a {color:#FFF; display:block; margin-right:50px; padding:5px 5px 5px 0; text-decoration:none; }

/* 自訂每一個選單的顏色 */
.main-menu ul li.m0 span, .main-menu ul li.m1 a.selected { color:#0af; }
.main-menu ul li.m1 span, .main-menu ul li.m1 a.selected { color:#f90; }
.main-menu ul li.m2 span, .main-menu ul li.m2 a.selected { color:#00F; }
.main-menu ul li.m3 span, .main-menu ul li.m3 a.selected { color:#3c0; }
.main-menu ul li.m4 span, .main-menu ul li.m4 a.selected { color:#f73; }
.main-menu ul li.m5 span, .main-menu ul li.m5 a.selected { color:#f0f; }
.main-menu ul li.m6 span, .main-menu ul li.m6 a.selected { color:#3f0; }
.main-menu ul li.m7 span, .main-menu ul li.m7 a.selected { color:#c3f; }
.main-menu ul li.m8 span, .main-menu ul li.m8 a.selected { color:#f00; }
.main-menu ul li.m9 span, .main-menu ul li.m9 a.selected { color:#f6f; }

/* 自訂子選單的位置 */
.sub-menu .sub-memu-0 {left:0px; }
.sub-menu .sub-memu-1 {left:120px; }
.sub-menu .sub-memu-2 {left:190px; }
.sub-menu .sub-memu-3 {left:350px; }
.sub-menu .sub-memu-4 {left:400px; }
.sub-menu .sub-memu-5 {left:400px; }
.sub-menu .sub-memu-6 {left:630px; }
.sub-menu .sub-memu-7 {left:760px; }
.sub-menu .sub-memu-8 {left:840px; }
.sub-menu .sub-memu-9 {left:900px; }
		
.sub-menu-wrapper {height:28px; clear:left; background-color:#0af; border-top:5px solid #0af; } /* 預設使用跟 .c1 一樣的顏色 */
.sub-menu {height:28px; position:relative; overflow:hidden; }
.sub-menu ul {position:absolute; }
.sub-menu ul li a {color:#fff; display:block; margin-right:20px; padding-top:2px; text-decoration:none; }
		

.main-content-wapper{padding:10px;}

/*************** Content Box ***************/
.content-box, .content-box-header, ul.content-box-tabs li a.current, .shortcut-button, .notification {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.content-box-header {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
				
.closed-box .content-box-header {
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

/*************** tab ***************/
#tabs h3 {padding: 12px 15px 10px; float: left;}
#tabs ul li a {color: #000; padding: 8px 10px; display: block; margin: 1px; border-bottom: 0;}
#tabs ul li a:hover {color: #57a000;}
#tabs ul li a.current {background: #fff; border: 1px solid #ccc; border-bottom: 0; margin: 0;}

.ui-tabs .ui-tabs-nav li{margin:4px 3px -1px;}

/*************** footer ***************/
.footer-wapper{
	margin:0 20px;
}

.footer-wapper .browserType{
	float:left;
	font-size:11px;
	color:#AAA;
}

.footer-wapper .copyright a{
	font-size:11px;
	color:#AAA;
}

.footer-wapper .copyright{
	float:right;
	font-size:11px;
	color:#AAA;
}



